<template>
  <div class="app-container customermerchantsNew">
    <el-divider content-position="left">主要信息</el-divider>

    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="主题名称" prop="remark">
            <el-input v-model="form.remark" placeholder="请输入主题名称"/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="线索来源" prop="reason">
            <el-select v-model="form.reason" filterable placeholder="请输入线索来源" clearable size="small">
              <el-option
                v-for="dict in [1,2,3,4]"
                :key="dict"
                :label="dict"
                :value="dict"
              />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="渠道分类" prop="reason">
            <el-select v-model="form.reason" filterable placeholder="请输入渠道分类" clearable size="small">
              <el-option
                v-for="dict in [1,2,3,4]"
                :key="dict"
                :label="dict"
                :value="dict"
              />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="渠道名称" prop="remark">
            <el-input v-model="form.remark" placeholder="请输入渠道名称"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="详细描述" prop="remark">
            <el-input type="textarea" :rows="5" v-model="form.remark" placeholder="请输入详细描述"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-divider content-position="left">客户信息</el-divider>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="客户名称" prop="remark">
            <el-input v-model="form.remark" placeholder="请输入客户名称"/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="客户类型" prop="reason">
            <el-select v-model="form.reason" filterable placeholder="请输入客户类型" clearable size="small">
              <el-option
                v-for="dict in [1,2,3,4]"
                :key="dict"
                :label="dict"
                :value="dict"
              />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="证件号" prop="remark">
            <el-input v-model="form.remark" placeholder="请输入证件号"/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="所属行业" prop="remark">
            <el-input v-model="form.remark" placeholder="请输入所属行业"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="联系人" prop="remark">
            <el-input v-model="form.remark" placeholder="请输入联系人"/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="邮箱" prop="remark">
            <el-input v-model="form.remark" placeholder="请输入邮箱"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="联系电话" prop="remark">
            <el-input v-model="form.remark" placeholder="联系电话"/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="通讯地址" prop="remark">
            <el-input v-model="form.remark" placeholder="请输入通讯地址"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="邮编" prop="remark">
            <el-input v-model="form.remark" placeholder="请输入邮编"/>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<style lang="scss">
  .app-main {
    background: #E7E7E7;
  }

  .app-container {
    margin: 15px;
    background: #fff;
    border-radius: 5px;
  }

  .customermerchantsNew {
    .el-divider{
      margin-bottom:40px;
    }
    .footer{
      display:flex;
      justify-content: center;
    }
  }
</style>
<script>
  export default {
    name: "Contarct",
    // dicts: ['sys_status', 'contarct_status', 'rent_month_type', 'unit_type'],
    data() {
      return {
        data:{},
        form:{},
        rules:{}
      };
    },
    created() {

    },
    methods: {
      getList(){

      },
      submitForm(){

      },
      cancel(){
        this.$router.go(-1);
      }
    }
  };
</script>
